<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title th:text="${webinfo.webname}"></title>
    <link rel="icon" th:href="'/images/'+${webinfo.webicon}"/>
    <!--bootstrap3 cdn-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css"/>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <!--font-awesome-->
    <link rel="stylesheet" href="/style/css/font-awesome.min.css"/>
    <!--layui-->
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <script src="../layui/layui.js"></script>
    <link rel="stylesheet" href="/style/css/pushbar.css"/>
    <script src="/script/js/pushbar.js"></script>
    <!--自定义样式css-->
    <link rel="stylesheet" href="/style/theme/default/main.css"/>
    <link rel="stylesheet" href="/style/theme/default/style.css"/>
    <!--js-->
    <script src="/script/js/me.js"></script>
    <!--editmd-->
    <link href="/editormd/css/editormd.min.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/editormd/editormd.min.js"></script>
    <link rel="stylesheet" href="/editormd/css/editormd.preview.css"/>
    <script src="/editormd/lib/marked.min.js"></script>
    <script src="/editormd/lib/prettify.min.js"></script>
    <script src="/editormd/lib/raphael.min.js"></script>
    <script src="/editormd/lib/underscore.min.js"></script>
    <script src="/editormd/lib/sequence-diagram.min.js"></script>
    <script src="/editormd/lib/flowchart.min.js"></script>
    <script src="/editormd/lib/jquery.flowchart.min.js"></script>
    <style type="text/css">


    </style>
    <script type="text/javascript">
        $(function () {
            var EditormdView;
            EditormdView = editormd.markdownToHTML("editormd-view", {
                htmlDecode: "style,script,iframe",  // you can filter tags decode
                emoji: true,
                taskList: true,
                tex: true,  // 默认不解析
                flowChart: true,  // 默认不解析
                sequenceDiagram: true,  // 默认不解析
            });
        });
    </script>
</head>
<body>
<div class="container">
    <nav class="navbar navbar-inverse navbar-fixed-top navbar-expand-md">
        <div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"><span
                        class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span></button>
                <a class="navbar-brand" href="javascript:void(0);"> <span> <img th:src="'/images/'+${webinfo.brandimg}"
                                                                                class="img-circle"
                                                                                style="height: 30px;width: 30px"/> </span>
                    <span th:text="${webinfo.webname}"></span> </a>
            </div>
            <div class="collapse navbar-collapse" id="navbar-menu">
                <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
                    <li class="navli"><a class="navbar-link" href="javascript:void(0);" onclick="homepage();">首页</a>
                    </li>
                    <li class="navli"><a class="navbar-link" href="javascript:void(0);" onclick="category();">分类</a>
                    </li>
                    <li class="navli"><a class="navbar-link" href="javascript:void(0);" onclick="archive();">归档</a></li>
                    <li class="navli"><a class="navbar-link" href="javascript:void(0);" onclick="whisper();">微语</a></li>
                    <li class="navli"><a class="navbar-link" href="javascript:void(0);" onclick="album();">相册</a></li>
                    <li class="navli"><a class="navbar-link" href="javascript:void(0);" onclick="me();">关于</a></li>
                    <li class="navli"><a class="navbar-link" href="javascript:void(0);" onclick="link();">友链</a></li>
                    <li>
                        <form class="navbar-form" action="artical" method="post">
                            <input type="text" name="keyword" class="form-control" placeholder="请输入关键字（回车搜索）"/>
                        </form>
                    </li>
                    <li class=""><a href="javascript:void(0);" id="music" title="来点音乐"><i class="fa fa-music"></i></a>
                    </li>
                    <li class=""><a href="javascript:void(0);" id="manage" title="后台"><i
                            class="layui-icon layui-icon-website"></i></a></li>
                    <li class="layui-hide-xs"><a href="javascript:void(0);" target="_blank" title="换肤"><i
                            class="layui-icon layui-icon-theme" id="skin"></i></a></li>
                    <th:block th:if="${session.userinfo} != null">
                        <li class=""><a href="javascript:void(0);"><cite th:text="${session.userinfo.nickname}"></cite></a>
                        </li>
                    </th:block>
                    <li class=""><a href="javascript:void(0);" data-pushbar-target="right"><i
                            class="layui-icon layui-icon-more-vertical"></i></a></li>
                </ul>
            </div>
        </div>
    </nav>
    <aside data-pushbar-id="right" class="pushbar from_right">
        <div class="title">
            <span data-pushbar-close="" class="close push_right"></span> Right
        </div>
    </aside>
    <div class="container-fluid artical-view">
        <div class="row" align="center" style="background-color: #fff">
            <!--文章标题-->
            <div class="view_title">
                <span th:text="${artical.title}"></span>
            </div>
            <!--文章信息-->
            <div class="view_basicinfo">
                <span class="btn btn-xs btn-success" th:text="${articalTypeCn}"></span>
                <span> <i class="fa fa-user" th:text="' '+${authorCn}"></i> </span>
                <span> <a href="javascript:void(0);"
                          th:onclick="archive([[${artical.createdate}]]);"><i class="fa fa-calendar"
                                                                              th:text="' '+${artical.createdate}"></i> </a></span>

                <span> <a href="javascript:void(0);"
                          th:onclick="category([[${artical.categoryid}]]);"><i class="fa fa-bookmark"
                                                                               th:text="' '+${categoryCn}"></i> </a></span>
                <th:block th:each="tag : ${tags}">
                    <span class="fa fa-tag"><a th:href="'/artical?tag='+${tag}" th:text="' '+${tag}"></a></span>
                </th:block>
            </div>
            <!--我的名言-->
            <div>
                <blockquote class="view_mymotto">
                    <p align="left" th:text="${webinfo.solidot}"></p>
                    <p align="right" th:text="'——'+${webinfo.nickname}"></p>
                </blockquote>
            </div>
            <!--转载声明-->
            <div>
                <th:block th:if="${artical.type}=='ZZ'">
                    <blockquote class="view_origin">
                        <p align="left" th:text="'原文作者：'+${artical.originauthor}"></p>
                        <br/>
                        <p align="left"> 原文链接：<a th:href="${artical.originurl}" target="_blank"
                                                 th:text="${artical.originurl}"></a></p>
                    </blockquote>
                </th:block>
            </div>
            <!--文章内容-->
            <div id="editormd-view">
                <!--一定要添加hidden属性 否则会导致延迟渲染 文本框原始内容闪现-->
                <textarea th:text="${artical.content}" hidden=""></textarea>
            </div>
            <!--结束符号-->
            <div class="view_end">
                <i>完</i>
            </div>
            <!--微信公众号-->
            <div>
                <p><img src="images/wxgzh.jpg" width="120" height="120"/></p>
                <span th:text="${webinfo.endgreeting}"></span>
            </div>

            <style type="text/css">
                .article-nav {
                    margin-top: 10px;
                    overflow: hidden;
                    padding: 15px 20px;
                    border-top: 1px solid #f2f2f2;
                    background-color: #fbfbfb;
                    color: #bbb;
                    width: 70%;
                }

                .article-nav span {
                    position: relative;
                    float: left;
                    max-width: 50%;
                }

                .article-nav span.article-nav-next {
                    float: right;
                    text-align: right;
                }

                .article-nav span {
                    position: relative;
                    float: left;
                    max-width: 50%;
                }

                .article-nav span a {
                    font-size: 15px;
                }
            </style>
            <nav class="article-nav">
                <th:block th:if="${articalLast} == null">
                    <span class="article-nav-prev">上一篇：没有更多了</span>
                </th:block>
                <th:block th:if="${articalLast} != null">
                    <span class="article-nav-prev">上一篇：<a th:href="'/view?id='+${articalLast.id}" rel="prev"
                                                          th:text="${articalLast.title}"></a></span>
                </th:block>

                <th:block th:if="${articalNext} == null">
                    <span class="article-nav-next">下一篇：没有更多了</span>
                </th:block>
                <th:block th:if="${articalNext} != null">
                    <span class="article-nav-next">下一篇：<a th:href="'/view?id='+${articalNext.id}" rel="next"
                                                          th:text="${articalNext.title}"></a></span>
                </th:block>

            </nav>


            <!--结束声明-->
            <div>
                <blockquote class="view_declare">
                    <p align="left" th:text="'本文作者：'+${authorCn}"></p>
                    <p align="left"> 原文链接：<a th:href="${webinfo.website}+'/view?id='+${artical.id}" target="_blank"
                                             th:text="${webinfo.website}+'/artical-view?id='+${artical.id}"></a></p>
                    <p align="left" th:text="'版权声明：原创作品创作不易，转载请注明出处！'"></p>
                </blockquote>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container" align="center">
        <div class="endnav">
            <p><b>站点声明：</b></p>
            <p>1、本站个人博客模板，均为本人设计，个人可以使用，但是未经许可不得用于任何商业目的。</p>
            <p>2、所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。举报邮箱：
                <a href="/" target="_blank">lihairuizone@sina.com</a>
            </p>
            <p>Copyright © <a href="/" target="_blank">www.lihairuizone.com</a> All Rights Reserved. 备案号：<a href="/"
                                                                                                            target="_blank">陕ICP备11002373号-1</a>
            </p>
        </div>
    </div>
    <div id="toolBackTop" style="right: 56.375px;">
        <a class="top" href="javascript:void (0);" title="返回顶部" onclick="gotop();return false;"></a>
    </div>
</footer>
</body>
</html>